<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="icon" type="image/x-icon" href="icon.ico">
	<meta name="viewport" content="" />
	<title>WiFi Portal Log-in</title>
  <link rel="shortcut icon" href="asset/img/favicon.ico"> 
    <style type="text/css">
        body { background: #fff; color: #fff; padding: 0; margin: 0; font-family: Arial , sans-serif; overflow-x: hidden; font-size: 20px; line-height: 20px; }
        #main { width: 1024px; height: 768px; margin: 0 auto; background: url(data/images/login_bg.jpg) no-repeat center top;}
        .container { padding: 543px 24px 0px; height: 118px;}
        .container .welcome-txt { float: left; width: 580px;}
        .container p.welcome { background: url(data/images/white_bar.png) no-repeat left bottom; padding-bottom: 12px; margin: 0; font-weight: bold;}
        .container p.wifi-txt { font-weight: bold; font-size: 22px; margin-top: 10px;}
        .footer { clear: both; padding: 33px 20px 0; height: 76px;}
        .footer .footer-lf { float: left; width: 30%; font-size: 16px; height: 48px; background: url(data/images/ico_wifi.png) no-repeat left center; padding-left: 67px;}
        .footer .footer-lf a { line-height: 48px; color: #024598;text-decoration: none;}
        .footer .footer-rh { float: right; width: 30%; text-align: right; font-size: 12px; color: #818285;}
        .container .log-in {float: right; padding-right: 45px; width: 220px;}
        .container .log-in input { border: none; color: #818285; text-align: center; margin-bottom: 7px; width: 208px; height: 25px;}
        .container .log-in input[type="submit"] { width: 64px; height: 25px; background: url(data/images/btn_login.jpg) no-repeat 0 0; margin-left: 73px;}
    </style>
    <script type="text/javascript" src="data/js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
        function pageInit() {
            $(function () {
                $("#password").focus(function () {
                    if ($(this).val() == "Password") {
                        $(this).val("");
                    }
                }).blur(function () {
                    if ($(this).val() == "") {
                        $(this).val("Password");
                    }
                });
            });
        }

    </script> 
</head>

    <body onload="javascript:bodyonload();">
    	<sf:form method="post" modelAttribute="cp" action="cpsubmit.sw">
        <div id="main">
           <div class="container">
                <div class="welcome-txt">
                    <p class="welcome">Welcome</p>
                    <p class="wifi-txt">WiFi@ SINGAPORE AIRSHOW VIP CLUB LOUNGE</p>
                </div>
                <div class="log-in">
                		
			        		<c:if test="${not empty errmsg}">
			        			<div class="error"><c:out value="${errmsg}"/></div>
			        		</c:if>
			        		<sf:password path="password" class="input" placeholder="Password"/><br>
		        			<input id="goldbutton" type="submit" value="" name="_eventId_next"/>
		        			<sf:hidden path="ssid"/>
		        			<sf:hidden path="apName"/>
		        			<sf:hidden path="vcName"/>
		        			<sf:hidden path="mac"/>
		        			<sf:hidden path="ip"/>
		        			<sf:hidden path="cmd"/>
		        			<sf:hidden path="url"/>		        			
		        		
                </div>
           </div>
           <div class="footer">
                <div class="footer-lf">
                    <a href="http://www.singaporeairshow.com/" target="_blank">WWW.SINGAPOREAIRSHOW.COM</a>
                </div>
                <div class="footer-rh">
                    <p style="margin-top: 0px;"><b>Terms &amp; Conditions </b></p>
                    <p>Copyrights @ 2014 Singapore Airshow </p>
                </div>
           </div>     
        </div>
      </sf:form>
    </body>
</html>

